<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>业务战略 - 一体化作战平台</title>
    <!-- 引入Tailwind CSS -->
    <script src="https://cdn.tailwindcss.com"></script>
    <!-- 引入Font Awesome -->
    <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <!-- 引入Chart.js -->
    <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.8/dist/chart.umd.min.js"></script>
    
    <!-- Tailwind配置 -->
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: '#0066cc',
                        secondary: '#0099cc',
                        success: '#009966',
                        warning: '#ff9900',
                        danger: '#cc3300',
                        neutral: {
                            100: '#f5f7fa',
                            200: '#e4e7ed',
                            300: '#c0c4cc',
                            400: '#909399',
                            500: '#606266',
                            600: '#303133',
                            700: '#1f2937',
                        }
                    },
                    fontFamily: {
                        sans: ['Inter', 'system-ui', 'sans-serif'],
                    },
                    boxShadow: {
                        'card': '0 2px 8px rgba(0, 0, 0, 0.08)',
                        'dropdown': '0 4px 16px rgba(0, 0, 0, 0.12)',
                    }
                },
            }
        }
    </script>
    
    <!-- 自定义工具类 -->
    <style type="text/tailwindcss">
        @layer utilities {
            .content-auto {
                content-visibility: auto;
            }
            .scrollbar-hide {
                -ms-overflow-style: none;
                scrollbar-width: none;
            }
            .scrollbar-hide::-webkit-scrollbar {
                display: none;
            }
            .text-shadow {
                text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
            }
            .transition-all-300 {
                transition: all 300ms ease-in-out;
            }
        }
    </style>
</head>
<body class="bg-neutral-100 font-sans text-neutral-600 min-h-screen flex flex-col">
    <!-- 顶部导航栏 -->
    <header class="bg-white shadow-sm fixed top-0 left-0 right-0 z-50">
        <div class="flex items-center justify-between px-4 py-3">
            <!-- Logo和标题 -->
            <div class="flex items-center space-x-3">
                <div class="w-10 h-10 bg-primary rounded-md flex items-center justify-center text-white">
                    <i class="fa fa-bank text-xl"></i>
                </div>
                <h1 class="text-xl font-bold text-neutral-700 hidden md:block">一体化作战平台</h1>
                <h1 class="text-lg font-bold text-neutral-700 md:hidden">研发交付平台</h1>
            </div>
            
            <!-- 搜索框 -->
            <div class="hidden md:flex relative flex-1 max-w-md mx-4">
                <input type="text" placeholder="搜索任务..." 
                    class="w-full pl-10 pr-4 py-2 rounded-md border border-neutral-200 focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary">
                <i class="fa fa-search absolute left-3 top-1/2 transform -translate-y-1/2 text-neutral-400"></i>
            </div>
            
            <!-- 右侧用户区域 -->
            <div class="flex items-center space-x-1 md:space-x-4">
                <!-- 通知按钮 -->
                <button class="relative p-2 rounded-full hover:bg-neutral-100 transition-all-300">
                    <i class="fa fa-bell-o text-lg text-neutral-600"></i>
                    <span class="absolute top-0 right-0 w-2 h-2 bg-danger rounded-full"></span>
                </button>
                
                <!-- 消息按钮 -->
                <button class="relative p-2 rounded-full hover:bg-neutral-100 transition-all-300 hidden md:block">
                    <i class="fa fa-envelope-o text-lg text-neutral-600"></i>
                    <span class="absolute top-0 right-0 w-2 h-2 bg-primary rounded-full"></span>
                </button>
                
                <!-- 用户头像 -->
                <div class="flex items-center space-x-2 ml-2">
                    <div class="w-8 h-8 bg-neutral-200 rounded-full overflow-hidden">
                        <img src="https://picsum.photos/id/1005/200/200" alt="用户头像" class="w-full h-full object-cover">
                    </div>
                    <span class="hidden md:block text-sm font-medium text-neutral-700">张三</span>
                </div>
            </div>
        </div>
    </header>

    <!-- 主体内容 -->
    <div class="flex pt-16 flex-1">
        <!-- 左侧导航菜单 -->
        <aside class="w-16 md:w-64 bg-white shadow-sm fixed h-full left-0 top-16 overflow-y-auto scrollbar-hide transform md:transform-none transition-transform duration-300 z-40 -translate-x-full md:translate-x-0">
            <nav class="py-4">
                <ul>
                    <!-- 主导航项 -->
                    <li class="mb-1">
                        <a href="index.html" class="flex items-center space-x-3 px-4 py-3 text-neutral-600 hover:bg-neutral-50 transition-all-300">
                            <i class="fa fa-tachometer text-lg"></i>
                            <span class="hidden md:block">首页</span>
                        </a>
                    </li>
                    
                    <!-- 交付流程模块 -->
                    <li class="mb-1">
                        <a href="business_strategy.html" class="flex items-center space-x-3 px-4 py-3 text-primary bg-primary/5 border-r-4 border-primary">
                            <i class="fa fa-line-chart text-lg"></i>
                            <span class="hidden md:block font-medium">业务战略</span>
                        </a>
                    </li>
                    
                    <li class="mb-1">
                        <a href="architecture-management.html" class="flex items-center space-x-3 px-4 py-3 text-neutral-600 hover:bg-neutral-50 transition-all-300">
                            <i class="fa fa-sitemap text-lg"></i>
                            <span class="hidden md:block">架构管理</span>
                        </a>
                    </li>
                    
                    <li class="mb-1">
                        <a href="requirementsManagement.html" class="flex items-center space-x-3 px-4 py-3 text-neutral-600 hover:bg-neutral-50 transition-all-300">
                            <i class="fa fa-list-alt text-lg"></i>
                            <span class="hidden md:block">需求管理</span>
                        </a>
                    </li>
                    
                    <li class="mb-1">
                        <div class="design-menu-wrapper">
                            <div class="flex items-center justify-between px-4 py-3 text-neutral-600 hover:bg-neutral-50 transition-all-300">
                                <a href="design_management.html" class="flex items-center space-x-3 flex-1" onclick="event.stopPropagation();">
                                    <i class="fa fa-paint-brush text-lg"></i>
                                    <span class="hidden md:block">设计管理</span>
                                </a>
                                <button id="design-menu-toggle" class="hidden md:block p-1 hover:bg-neutral-200 rounded transition-all" aria-label="展开/收起子菜单" onclick="event.stopPropagation();">
                                    <i class="fa fa-chevron-right text-xs transform transition-transform duration-300"></i>
                                </button>
                            </div>
                            <!-- 下拉子菜单 -->
                            <div id="design-submenu" class="hidden overflow-hidden transition-all duration-300 ease-in-out">
                                <div class="bg-neutral-50 py-1">
                                    <a href="interface_management.html" class="flex items-center space-x-3 px-4 py-2 pl-12 text-neutral-600 hover:bg-primary/5 hover:text-primary transition-all text-sm">
                                        <i class="fa fa-plug text-sm"></i>
                                        <span class="hidden md:block">接口管理</span>
                                    </a>
                                    <a href="model_management.html" class="flex items-center space-x-3 px-4 py-2 pl-12 text-neutral-600 hover:bg-primary/5 hover:text-primary transition-all text-sm">
                                        <i class="fa fa-cubes text-sm"></i>
                                        <span class="hidden md:block">模型管理</span>
                                    </a>
                                    <a href="data_management.html" class="flex items-center space-x-3 px-4 py-2 pl-12 text-neutral-600 hover:bg-primary/5 hover:text-primary transition-all text-sm">
                                        <i class="fa fa-database text-sm"></i>
                                        <span class="hidden md:block">字典管理</span>
                                    </a>
                                    <a href="ui_management.html" class="flex items-center space-x-3 px-4 py-2 pl-12 text-neutral-600 hover:bg-primary/5 hover:text-primary transition-all text-sm">
                                        <i class="fa fa-desktop text-sm"></i>
                                        <span class="hidden md:block">差异分析</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </li>
                    
                    <li class="mb-1">
                        <a href="schedule_management.html" class="flex items-center space-x-3 px-4 py-3 text-neutral-600 hover:bg-neutral-50 transition-all-300">
                            <i class="fa fa-calendar text-lg"></i>
                            <span class="hidden md:block">排期管理</span>
                        </a>
                    </li>
                    
                    <li class="mb-1">
                        <a href="developmentMage.html" class="flex items-center space-x-3 px-4 py-3 text-neutral-600 hover:bg-neutral-50 transition-all-300">
                            <i class="fa fa-code text-lg"></i>
                            <span class="hidden md:block">开发管理</span>
                        </a>
                    </li>
                    
                    <li class="mb-1">
                        <div class="test-menu-wrapper">
                            <div class="flex items-center justify-between px-4 py-3 text-neutral-600 hover:bg-neutral-50 transition-all-300">
                                <a href="testManagement.html" class="flex items-center space-x-3 flex-1" onclick="event.stopPropagation();">
                                    <i class="fa fa-bug text-lg"></i>
                                    <span class="hidden md:block">测试管理</span>
                                </a>
                                <button id="test-menu-toggle" class="hidden md:block p-1 hover:bg-neutral-200 rounded transition-all" aria-label="展开/收起子菜单" onclick="event.stopPropagation();">
                                    <i class="fa fa-chevron-right text-xs transform transition-transform duration-300"></i>
                                </button>
                            </div>
                            <!-- 下拉子菜单 -->
                            <div id="test-submenu" class="hidden overflow-hidden transition-all duration-300 ease-in-out">
                                <div class="bg-neutral-50 py-1">
                                    <a href="test_cases.html" class="flex items-center space-x-3 px-4 py-2 pl-12 text-neutral-600 hover:bg-primary/5 hover:text-primary transition-all text-sm">
                                        <i class="fa fa-file-text-o text-sm"></i>
                                        <span class="hidden md:block">测试案例</span>
                                    </a>
                                    <a href="test_plans.html" class="flex items-center space-x-3 px-4 py-2 pl-12 text-neutral-600 hover:bg-primary/5 hover:text-primary transition-all text-sm">
                                        <i class="fa fa-calendar-check-o text-sm"></i>
                                        <span class="hidden md:block">测试计划</span>
                                    </a>
                                    <a href="test_reports.html" class="flex items-center space-x-3 px-4 py-2 pl-12 text-neutral-600 hover:bg-primary/5 hover:text-primary transition-all text-sm">
                                        <i class="fa fa-bar-chart text-sm"></i>
                                        <span class="hidden md:block">测试报告</span>
                                    </a>
                                    <a href="test_global_settings.html" class="flex items-center space-x-3 px-4 py-2 pl-12 text-neutral-600 hover:bg-primary/5 hover:text-primary transition-all text-sm">
                                        <i class="fa fa-cogs text-sm"></i>
                                        <span class="hidden md:block">全局设置</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </li>
                    
                    <li class="mb-1">
                        <a href="production_workflow.html" class="flex items-center space-x-3 px-4 py-3 text-neutral-600 hover:bg-neutral-50 transition-all-300">
                            <i class="fa fa-rocket text-lg"></i>
                            <span class="hidden md:block">投产上线</span>
                        </a>
                    </li>
                    
                    <!-- 新增的三个子菜单项 -->
                    <li class="mb-1">
                        <a href="quality_management.html" class="flex items-center space-x-3 px-4 py-3 text-neutral-600 hover:bg-neutral-50 transition-all-300">
                            <i class="fa fa-check-circle text-lg"></i>
                            <span class="hidden md:block">质量管理</span>
                        </a>
                    </li>
                    
                    <li class="mb-1">
                        <a href="security_management.html" class="flex items-center space-x-3 px-4 py-3 text-neutral-600 hover:bg-neutral-50 transition-all-300">
                            <i class="fa fa-shield text-lg"></i>
                            <span class="hidden md:block">安全管理</span>
                        </a>
                    </li>
                    
                    <li class="mb-1">
                        <a href="efficiency_metrics.html" class="flex items-center space-x-3 px-4 py-3 text-neutral-600 hover:bg-neutral-50 transition-all-300">
                            <i class="fa fa-bar-chart text-lg"></i>
                            <span class="hidden md:block">效能度量</span>
                        </a>
                    </li>
                    
                    <!-- 分隔线 -->
                    <li class="my-2">
                        <div class="border-t border-neutral-200 mx-4"></div>
                    </li>
                    
                    <!-- 公共模块 -->
                    <li class="mb-1">
                        <a href="teamManagement.html" class="flex items-center space-x-3 px-4 py-3 text-neutral-600 hover:bg-neutral-50 transition-all-300">
                            <i class="fa fa-users text-lg"></i>
                            <span class="hidden md:block">团队管理</span>
                        </a>
                    </li>
                    
                    <li class="mb-1">
                        <a href="settings.html" class="flex items-center space-x-3 px-4 py-3 text-neutral-600 hover:bg-neutral-50 transition-all-300">
                            <i class="fa fa-cog text-lg"></i>
                            <span class="hidden md:block">设置</span>
                        </a>
                    </li>
                </ul>
            </nav>
        </aside>

        <!-- 主内容区域 -->
        <main class="flex-1 ml-16 md:ml-64 p-4 md:p-6 bg-neutral-100 min-h-screen">
            <!-- 面包屑导航 -->
            <div class="mb-6">
                <nav class="flex" aria-label="面包屑">
                    <ol class="inline-flex items-center space-x-1 md:space-x-3">
                        <li class="inline-flex items-center">
                            <a href="index.html" class="inline-flex items-center text-sm font-medium text-neutral-500 hover:text-primary">
                                <i class="fa fa-home mr-2"></i>
                                首页
                            </a>
                        </li>
                        <li>
                            <div class="flex items-center">
                                <i class="fa fa-chevron-right text-neutral-400 text-xs mx-2"></i>
                                <span class="text-sm font-medium text-primary">业务战略</span>
                            </div>
                        </li>
                    </ol>
                </nav>
            </div>

            <!-- 页面标题和操作按钮 -->
            <div class="flex flex-col md:flex-row md:items-center justify-between mb-6">
                <div>
                    <h2 class="text-2xl font-bold text-neutral-700">业务战略管理</h2>
                    <p class="text-neutral-500 text-sm mt-1">管理银行的业务战略、业务举措和能力需求</p>
                </div>
                <div class="mt-4 md:mt-0 flex space-x-2">
                    <button class="bg-primary hover:bg-primary/90 text-white px-4 py-2 rounded-md flex items-center transition-all-300">
                        <i class="fa fa-plus mr-2"></i>
                        <span>导入业务战略</span>
                    </button>
                    <button id="mindmap-btn" class="bg-secondary hover:bg-secondary/90 text-white px-4 py-2 rounded-md flex items-center transition-all-300">
                        <i class="fa fa-sitemap mr-2"></i>
                        <span>脑图</span>
                    </button>
                </div>
            </div>

            <!-- 搜索和筛选区域 -->
            <div class="bg-white rounded-lg shadow-card p-4 mb-6">
                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mb-4">
                    <div class="relative">
                        <input type="text" id="search-input" placeholder="请输入编号或名称" 
                            class="w-full pl-10 pr-4 py-2 rounded-md border border-neutral-200 focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary">
                        <i class="fa fa-search absolute left-3 top-1/2 transform -translate-y-1/2 text-neutral-400"></i>
                    </div>
                    <div>
                        <select id="filter-business-line" class="w-full px-4 py-2 rounded-md border border-neutral-200 focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary bg-white">
                            <option value="all">全部业务条线</option>
                            <option value="customer">客户管理</option>
                            <option value="marketing">营销管理</option>
                            <option value="channel">渠道管理</option>
                            <option value="product">产品管理</option>
                            <option value="it" selected>IT管理</option>
                        </select>
                    </div>
                    <div>
                        <select id="filter-level" class="w-full px-4 py-2 rounded-md border border-neutral-200 focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary bg-white">
                            <option value="all">全部层级</option>
                            <option value="strategy">仅展示业务战略</option>
                            <option value="initiative">仅展示业务举措</option>
                            <option value="capability">仅展示能力需求</option>
                        </select>
                    </div>
                    <div class="flex space-x-2">
                        <button id="search-btn" class="flex-1 bg-primary hover:bg-primary/90 text-white px-4 py-2 rounded-md transition-all-300">
                            <i class="fa fa-search mr-2"></i>
                            <span>搜索</span>
                        </button>
                        <button id="reset-btn" class="flex-1 bg-white hover:bg-neutral-50 text-neutral-700 border border-neutral-200 px-4 py-2 rounded-md transition-all-300">
                            <i class="fa fa-refresh mr-2"></i>
                            <span>重置</span>
                        </button>
                    </div>
                </div>
            </div>

            <!-- 业务战略三级级联表 -->
            <div class="bg-white rounded-lg shadow-card overflow-hidden">
                <div class="overflow-x-auto">
                    <table class="min-w-full divide-y divide-neutral-200">
                        <thead class="bg-neutral-50">
                            <tr>
                                <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-neutral-500 uppercase tracking-wider">
                                    层级
                                </th>
                                <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-neutral-500 uppercase tracking-wider">
                                    名称
                                </th>
                                <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-neutral-500 uppercase tracking-wider">
                                    编号
                                </th>
                                <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-neutral-500 uppercase tracking-wider">
                                    负责人
                                </th>
                                <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-neutral-500 uppercase tracking-wider">
                                    状态
                                </th>
                                <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-neutral-500 uppercase tracking-wider">
                                    计划完成日期
                                </th>
                                <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-neutral-500 uppercase tracking-wider">
                                    操作
                                </th>
                            </tr>
                        </thead>
                        <tbody class="bg-white divide-y divide-neutral-200" id="strategy-tree">
                            <!-- 战略目标 STR001 -->
                            <tr class="strategy-row" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <button class="strategy-toggle mr-2 text-neutral-400 hover:text-primary transition-colors" data-strategy-id="STR001">
                                            <i class="fa fa-chevron-down"></i>
                                        </button>
                                        <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-primary/10 text-primary">
                                            业务战略
                                        </span>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">支持全行企业架构工艺标准化</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    STR001
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1005/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">张三</div>
                                            <div class="text-xs text-neutral-500">战略部总经理</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-success/10 text-success">
                                        进行中
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2025-12-31
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 业务举措 INI001 -->
                            <tr class="initiative-row pl-6 md:pl-12 bg-neutral-50/50" data-strategy-id="STR001" data-initiative-id="INI001" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <button class="initiative-toggle mr-2 text-neutral-400 hover:text-secondary transition-colors" data-initiative-id="INI001">
                                            <i class="fa fa-chevron-down"></i>
                                        </button>
                                        <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-secondary/10 text-secondary">
                                            业务举措
                                        </span>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">建立企业架构标准化体系</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    INI001
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1012/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">李四</div>
                                            <div class="text-xs text-neutral-500">架构标准部总监</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-warning/10 text-warning">
                                        待审核
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2025-09-30
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 能力需求 CAP001 -->
                            <tr class="capability-row pl-12 md:pl-24 bg-neutral-50" data-initiative-id="INI001" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success/10 text-success">
                                        能力需求
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">五层架构管理能力</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    CAP001
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1025/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">王五</div>
                                            <div class="text-xs text-neutral-500">架构师</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-primary/10 text-primary">
                                        已分配
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2025-08-15
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 能力需求 CAP002 -->
                            <tr class="capability-row pl-12 md:pl-24 bg-neutral-50" data-initiative-id="INI001" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success/10 text-success">
                                        能力需求
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">架构元模型定义能力</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    CAP002
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1027/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">赵六</div>
                                            <div class="text-xs text-neutral-500">元模型专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-success/10 text-success">
                                        进行中
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2025-09-01
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 能力需求 CAP003 -->
                            <tr class="capability-row pl-12 md:pl-24 bg-neutral-50" data-initiative-id="INI001" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success/10 text-success">
                                        能力需求
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">架构版本管理能力</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    CAP003
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1074/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">孙七</div>
                                            <div class="text-xs text-neutral-500">版本控制专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-primary/10 text-primary">
                                        已分配
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2025-09-30
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 业务举措 INI002 -->
                            <tr class="initiative-row pl-6 md:pl-12 bg-neutral-50/50" data-strategy-id="STR001" data-initiative-id="INI002" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <button class="initiative-toggle mr-2 text-neutral-400 hover:text-secondary transition-colors" data-initiative-id="INI002">
                                            <i class="fa fa-chevron-down"></i>
                                        </button>
                                        <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-secondary/10 text-secondary">
                                            业务举措
                                        </span>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">建立战略到交付的端到端流程</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    INI002
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1062/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">吴九</div>
                                            <div class="text-xs text-neutral-500">流程优化专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-primary/10 text-primary">
                                        已分配
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2025-10-31
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 能力需求 CAP004 -->
                            <tr class="capability-row pl-12 md:pl-24 bg-neutral-50" data-initiative-id="INI002" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success/10 text-success">
                                        能力需求
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">战略规划能力</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    CAP004
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1066/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">郑十</div>
                                            <div class="text-xs text-neutral-500">战略规划师</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-warning/10 text-warning">
                                        待启动
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2025-09-30
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 能力需求 CAP005 -->
                            <tr class="capability-row pl-12 md:pl-24 bg-neutral-50" data-initiative-id="INI002" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success/10 text-success">
                                        能力需求
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">需求全生命周期管理能力</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    CAP005
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1005/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">张三</div>
                                            <div class="text-xs text-neutral-500">需求分析师</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-success/10 text-success">
                                        进行中
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2025-10-15
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 能力需求 CAP006 -->
                            <tr class="capability-row pl-12 md:pl-24 bg-neutral-50" data-initiative-id="INI002" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success/10 text-success">
                                        能力需求
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">解决方案设计能力</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    CAP006
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1012/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">李四</div>
                                            <div class="text-xs text-neutral-500">解决方案架构师</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-primary/10 text-primary">
                                        已分配
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2025-11-01
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 能力需求 CAP007 -->
                            <tr class="capability-row pl-12 md:pl-24 bg-neutral-50" data-initiative-id="INI002" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success/10 text-success">
                                        能力需求
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">研发流程编排能力</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    CAP007
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1025/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">王五</div>
                                            <div class="text-xs text-neutral-500">流程编排专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-warning/10 text-warning">
                                        待审核
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2025-11-15
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 业务举措 INI003 -->
                            <tr class="initiative-row pl-6 md:pl-12 bg-neutral-50/50" data-strategy-id="STR001" data-initiative-id="INI003" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <button class="initiative-toggle mr-2 text-neutral-400 hover:text-secondary transition-colors" data-initiative-id="INI003">
                                            <i class="fa fa-chevron-down"></i>
                                        </button>
                                        <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-secondary/10 text-secondary">
                                            业务举措
                                        </span>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">建立架构治理机制</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    INI003
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1027/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">赵六</div>
                                            <div class="text-xs text-neutral-500">治理专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-primary/10 text-primary">
                                        已分配
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2025-12-01
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 能力需求 CAP008 -->
                            <tr class="capability-row pl-12 md:pl-24 bg-neutral-50" data-initiative-id="INI003" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success/10 text-success">
                                        能力需求
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">架构评审能力</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    CAP008
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1074/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">孙七</div>
                                            <div class="text-xs text-neutral-500">评审专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-success/10 text-success">
                                        进行中
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2025-11-10
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 能力需求 CAP009 -->
                            <tr class="capability-row pl-12 md:pl-24 bg-neutral-50" data-initiative-id="INI003" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success/10 text-success">
                                        能力需求
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">架构合规检查能力</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    CAP009
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1062/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">吴九</div>
                                            <div class="text-xs text-neutral-500">合规专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-primary/10 text-primary">
                                        已分配
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2025-11-20
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 能力需求 CAP010 -->
                            <tr class="capability-row pl-12 md:pl-24 bg-neutral-50" data-initiative-id="INI003" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success/10 text-success">
                                        能力需求
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">架构度量能力</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    CAP010
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1066/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">郑十</div>
                                            <div class="text-xs text-neutral-500">度量专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-warning/10 text-warning">
                                        待启动
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2025-12-10
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 业务举措 INI004 -->
                            <tr class="initiative-row pl-6 md:pl-12 bg-neutral-50/50" data-strategy-id="STR001" data-initiative-id="INI004" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <button class="initiative-toggle mr-2 text-neutral-400 hover:text-secondary transition-colors" data-initiative-id="INI004">
                                            <i class="fa fa-chevron-down"></i>
                                        </button>
                                        <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-secondary/10 text-secondary">
                                            业务举措
                                        </span>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">建立架构资产管理体系</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    INI004
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1005/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">张三</div>
                                            <div class="text-xs text-neutral-500">资产管理专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-primary/10 text-primary">
                                        已分配
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2025-12-15
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 能力需求 CAP011 -->
                            <tr class="capability-row pl-12 md:pl-24 bg-neutral-50" data-initiative-id="INI004" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success/10 text-success">
                                        能力需求
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">架构资产库管理能力</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    CAP011
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1012/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">李四</div>
                                            <div class="text-xs text-neutral-500">资产库管理员</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-success/10 text-success">
                                        进行中
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2025-11-25
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 能力需求 CAP012 -->
                            <tr class="capability-row pl-12 md:pl-24 bg-neutral-50" data-initiative-id="INI004" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success/10 text-success">
                                        能力需求
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">架构模式管理能力</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    CAP012
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1025/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">王五</div>
                                            <div class="text-xs text-neutral-500">模式专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-primary/10 text-primary">
                                        已分配
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2025-12-05
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 能力需求 CAP013 -->
                            <tr class="capability-row pl-12 md:pl-24 bg-neutral-50" data-initiative-id="INI004" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success/10 text-success">
                                        能力需求
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">架构决策记录能力</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    CAP013
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1027/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">赵六</div>
                                            <div class="text-xs text-neutral-500">决策记录员</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-warning/10 text-warning">
                                        待审核
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2025-12-20
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 战略目标 STR002 -->
                            <tr class="strategy-row" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <button class="strategy-toggle mr-2 text-neutral-400 hover:text-primary transition-colors" data-strategy-id="STR002">
                                            <i class="fa fa-chevron-down"></i>
                                        </button>
                                        <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-primary/10 text-primary">
                                            业务战略
                                        </span>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">提升研发效率</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    STR002
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1074/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">孙七</div>
                                            <div class="text-xs text-neutral-500">研发部总经理</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-success/10 text-success">
                                        进行中
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2025-11-30
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 业务举措 INI005 -->
                            <tr class="initiative-row pl-6 md:pl-12 bg-neutral-50/50" data-strategy-id="STR002" data-initiative-id="INI005" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <button class="initiative-toggle mr-2 text-neutral-400 hover:text-secondary transition-colors" data-initiative-id="INI005">
                                            <i class="fa fa-chevron-down"></i>
                                        </button>
                                        <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-secondary/10 text-secondary">
                                            业务举措
                                        </span>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">实现研发过程自动化</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    INI005
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1062/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">吴九</div>
                                            <div class="text-xs text-neutral-500">自动化专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-primary/10 text-primary">
                                        已分配
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2025-09-15
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 能力需求 CAP014 -->
                            <tr class="capability-row pl-12 md:pl-24 bg-neutral-50" data-initiative-id="INI005" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success/10 text-success">
                                        能力需求
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">模型驱动开发能力</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    CAP014
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1066/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">郑十</div>
                                            <div class="text-xs text-neutral-500">模型驱动专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-success/10 text-success">
                                        进行中
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2025-08-20
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 能力需求 CAP015 -->
                            <tr class="capability-row pl-12 md:pl-24 bg-neutral-50" data-initiative-id="INI005" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success/10 text-success">
                                        能力需求
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">任务自动化编排能力</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    CAP015
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1005/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">张三</div>
                                            <div class="text-xs text-neutral-500">编排专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-primary/10 text-primary">
                                        已分配
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2025-09-05
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 能力需求 CAP016 -->
                            <tr class="capability-row pl-12 md:pl-24 bg-neutral-50" data-initiative-id="INI005" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success/10 text-success">
                                        能力需求
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">持续集成能力</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    CAP016
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1012/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">李四</div>
                                            <div class="text-xs text-neutral-500">集成专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-success/10 text-success">
                                        进行中
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2025-09-25
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 能力需求 CAP017 -->
                            <tr class="capability-row pl-12 md:pl-24 bg-neutral-50" data-initiative-id="INI005" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success/10 text-success">
                                        能力需求
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">持续交付能力</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    CAP017
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1025/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">王五</div>
                                            <div class="text-xs text-neutral-500">交付专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-primary/10 text-primary">
                                        已分配
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2025-10-05
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 能力需求 CAP018 -->
                            <tr class="capability-row pl-12 md:pl-24 bg-neutral-50" data-initiative-id="INI005" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success/10 text-success">
                                        能力需求
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">持续部署能力</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    CAP018
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1027/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">赵六</div>
                                            <div class="text-xs text-neutral-500">部署专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-warning/10 text-warning">
                                        待审核
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2025-10-15
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 业务举措 INI006 -->
                            <tr class="initiative-row pl-6 md:pl-12 bg-neutral-50/50" data-strategy-id="STR002" data-initiative-id="INI006" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <button class="initiative-toggle mr-2 text-neutral-400 hover:text-secondary transition-colors" data-initiative-id="INI006">
                                            <i class="fa fa-chevron-down"></i>
                                        </button>
                                        <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-secondary/10 text-secondary">
                                            业务举措
                                        </span>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">提升代码质量</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    INI006
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1074/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">孙七</div>
                                            <div class="text-xs text-neutral-500">代码质量专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-success/10 text-success">
                                        进行中
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2025-11-05
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 能力需求 CAP019 -->
                            <tr class="capability-row pl-12 md:pl-24 bg-neutral-50" data-initiative-id="INI006" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success/10 text-success">
                                        能力需求
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">代码审查能力</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    CAP019
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1062/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">吴九</div>
                                            <div class="text-xs text-neutral-500">审查专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-success/10 text-success">
                                        进行中
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2025-11-10
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 能力需求 CAP020 -->
                            <tr class="capability-row pl-12 md:pl-24 bg-neutral-50" data-initiative-id="INI006" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success/10 text-success">
                                        能力需求
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">代码规范能力</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    CAP020
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1066/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">郑十</div>
                                            <div class="text-xs text-neutral-500">规范专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-primary/10 text-primary">
                                        已分配
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2025-11-15
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 能力需求 CAP021 -->
                            <tr class="capability-row pl-12 md:pl-24 bg-neutral-50" data-initiative-id="INI006" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success/10 text-success">
                                        能力需求
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">代码测试能力</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    CAP021
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1005/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">张三</div>
                                            <div class="text-xs text-neutral-500">测试专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-warning/10 text-warning">
                                        待审核
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2025-11-20
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 业务举措 INI007 -->
                            <tr class="initiative-row pl-6 md:pl-12 bg-neutral-50/50" data-strategy-id="STR002" data-initiative-id="INI007" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <button class="initiative-toggle mr-2 text-neutral-400 hover:text-secondary transition-colors" data-initiative-id="INI007">
                                            <i class="fa fa-chevron-down"></i>
                                        </button>
                                        <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-secondary/10 text-secondary">
                                            业务举措
                                        </span>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">提升用户体验</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    INI007
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1012/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">李四</div>
                                            <div class="text-xs text-neutral-500">用户体验专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-success/10 text-success">
                                        进行中
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2025-12-05
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 能力需求 CAP022 -->
                            <tr class="capability-row pl-12 md:pl-24 bg-neutral-50" data-initiative-id="INI007" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success/10 text-success">
                                        能力需求
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">用户研究能力</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    CAP022
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1025/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">王五</div>
                                            <div class="text-xs text-neutral-500">研究专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-success/10 text-success">
                                        进行中
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2025-12-10
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 能力需求 CAP023 -->
                            <tr class="capability-row pl-12 md:pl-24 bg-neutral-50" data-initiative-id="INI007" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success/10 text-success">
                                        能力需求
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">用户反馈收集能力</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    CAP023
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1027/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">赵六</div>
                                            <div class="text-xs text-neutral-500">反馈专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-primary/10 text-primary">
                                        已分配
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2025-12-15
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 能力需求 CAP024 -->
                            <tr class="capability-row pl-12 md:pl-24 bg-neutral-50" data-initiative-id="INI007" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success/10 text-success">
                                        能力需求
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">用户界面设计能力</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    CAP024
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1074/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">孙七</div>
                                            <div class="text-xs text-neutral-500">界面设计专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-warning/10 text-warning">
                                        待审核
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2025-12-20
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 业务举措 INI008 -->
                            <tr class="initiative-row pl-6 md:pl-12 bg-neutral-50/50" data-strategy-id="STR002" data-initiative-id="INI008" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <button class="initiative-toggle mr-2 text-neutral-400 hover:text-secondary transition-colors" data-initiative-id="INI008">
                                            <i class="fa fa-chevron-down"></i>
                                        </button>
                                        <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-secondary/10 text-secondary">
                                            业务举措
                                        </span>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">提升安全性</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    INI008
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1062/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">吴九</div>
                                            <div class="text-xs text-neutral-500">安全专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-success/10 text-success">
                                        进行中
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2025-12-25
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 能力需求 CAP025 -->
                            <tr class="capability-row pl-12 md:pl-24 bg-neutral-50" data-initiative-id="INI008" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success/10 text-success">
                                        能力需求
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">安全审计能力</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    CAP025
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1066/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">郑十</div>
                                            <div class="text-xs text-neutral-500">审计专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-success/10 text-success">
                                        进行中
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2026-01-05
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 能力需求 CAP026 -->
                            <tr class="capability-row pl-12 md:pl-24 bg-neutral-50" data-initiative-id="INI008" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success/10 text-success">
                                        能力需求
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">安全测试能力</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    CAP026
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1005/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">张三</div>
                                            <div class="text-xs text-neutral-500">安全测试专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-primary/10 text-primary">
                                        已分配
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2026-01-10
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 能力需求 CAP027 -->
                            <tr class="capability-row pl-12 md:pl-24 bg-neutral-50" data-initiative-id="INI008" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success/10 text-success">
                                        能力需求
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">安全培训能力</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    CAP027
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1012/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">李四</div>
                                            <div class="text-xs text-neutral-500">培训专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-warning/10 text-warning">
                                        待审核
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2026-01-15
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 业务举措 INI009 -->
                            <tr class="initiative-row pl-6 md:pl-12 bg-neutral-50/50" data-strategy-id="STR002" data-initiative-id="INI009" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <button class="initiative-toggle mr-2 text-neutral-400 hover:text-secondary transition-colors" data-initiative-id="INI009">
                                            <i class="fa fa-chevron-down"></i>
                                        </button>
                                        <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-secondary/10 text-secondary">
                                            业务举措
                                        </span>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">提升性能</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    INI009
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1025/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">王五</div>
                                            <div class="text-xs text-neutral-500">性能专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-success/10 text-success">
                                        进行中
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2026-01-20
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 能力需求 CAP028 -->
                            <tr class="capability-row pl-12 md:pl-24 bg-neutral-50" data-initiative-id="INI009" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success/10 text-success">
                                        能力需求
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">性能监控能力</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    CAP028
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1027/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">赵六</div>
                                            <div class="text-xs text-neutral-500">监控专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-success/10 text-success">
                                        进行中
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2026-01-25
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 能力需求 CAP029 -->
                            <tr class="capability-row pl-12 md:pl-24 bg-neutral-50" data-initiative-id="INI009" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success/10 text-success">
                                        能力需求
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">性能优化能力</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    CAP029
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1074/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">孙七</div>
                                            <div class="text-xs text-neutral-500">优化专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-primary/10 text-primary">
                                        已分配
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2026-02-05
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 能力需求 CAP030 -->
                            <tr class="capability-row pl-12 md:pl-24 bg-neutral-50" data-initiative-id="INI009" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success/10 text-success">
                                        能力需求
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">性能测试能力</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    CAP030
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1062/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">吴九</div>
                                            <div class="text-xs text-neutral-500">测试专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-warning/10 text-warning">
                                        待审核
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2026-02-10
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 业务举措 INI010 -->
                            <tr class="initiative-row pl-6 md:pl-12 bg-neutral-50/50" data-strategy-id="STR002" data-initiative-id="INI010" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <button class="initiative-toggle mr-2 text-neutral-400 hover:text-secondary transition-colors" data-initiative-id="INI010">
                                            <i class="fa fa-chevron-down"></i>
                                        </button>
                                        <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-secondary/10 text-secondary">
                                            业务举措
                                        </span>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">提升可维护性</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    INI010
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1066/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">郑十</div>
                                            <div class="text-xs text-neutral-500">维护专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-success/10 text-success">
                                        进行中
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2026-02-15
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 能力需求 CAP031 -->
                            <tr class="capability-row pl-12 md:pl-24 bg-neutral-50" data-initiative-id="INI010" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success/10 text-success">
                                        能力需求
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">代码维护能力</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    CAP031
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1005/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">张三</div>
                                            <div class="text-xs text-neutral-500">维护专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-success/10 text-success">
                                        进行中
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2026-02-20
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 能力需求 CAP032 -->
                            <tr class="capability-row pl-12 md:pl-24 bg-neutral-50" data-initiative-id="INI010" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success/10 text-success">
                                        能力需求
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">文档编写能力</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    CAP032
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1012/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">李四</div>
                                            <div class="text-xs text-neutral-500">文档专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-primary/10 text-primary">
                                        已分配
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2026-02-25
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 能力需求 CAP033 -->
                            <tr class="capability-row pl-12 md:pl-24 bg-neutral-50" data-initiative-id="INI010" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success/10 text-success">
                                        能力需求
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">问题跟踪能力</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    CAP033
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1025/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">王五</div>
                                            <div class="text-xs text-neutral-500">跟踪专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-warning/10 text-warning">
                                        待审核
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2026-03-05
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 业务举措 INI011 -->
                            <tr class="initiative-row pl-6 md:pl-12 bg-neutral-50/50" data-strategy-id="STR002" data-initiative-id="INI011" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <button class="initiative-toggle mr-2 text-neutral-400 hover:text-secondary transition-colors" data-initiative-id="INI011">
                                            <i class="fa fa-chevron-down"></i>
                                        </button>
                                        <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-secondary/10 text-secondary">
                                            业务举措
                                        </span>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">提升可扩展性</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    INI011
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1027/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">赵六</div>
                                            <div class="text-xs text-neutral-500">扩展专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-success/10 text-success">
                                        进行中
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2026-03-10
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 能力需求 CAP034 -->
                            <tr class="capability-row pl-12 md:pl-24 bg-neutral-50" data-initiative-id="INI011" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success/10 text-success">
                                        能力需求
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">架构扩展能力</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    CAP034
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1074/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">孙七</div>
                                            <div class="text-xs text-neutral-500">扩展专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-success/10 text-success">
                                        进行中
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2026-03-15
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 能力需求 CAP035 -->
                            <tr class="capability-row pl-12 md:pl-24 bg-neutral-50" data-initiative-id="INI011" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success/10 text-success">
                                        能力需求
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">系统扩展能力</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    CAP035
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1062/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">吴九</div>
                                            <div class="text-xs text-neutral-500">扩展专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-primary/10 text-primary">
                                        已分配
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2026-03-20
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 能力需求 CAP036 -->
                            <tr class="capability-row pl-12 md:pl-24 bg-neutral-50" data-initiative-id="INI011" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success/10 text-success">
                                        能力需求
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">数据扩展能力</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    CAP036
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1066/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">郑十</div>
                                            <div class="text-xs text-neutral-500">扩展专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-warning/10 text-warning">
                                        待审核
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2026-03-25
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 业务举措 INI012 -->
                            <tr class="initiative-row pl-6 md:pl-12 bg-neutral-50/50" data-strategy-id="STR002" data-initiative-id="INI012" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <button class="initiative-toggle mr-2 text-neutral-400 hover:text-secondary transition-colors" data-initiative-id="INI012">
                                            <i class="fa fa-chevron-down"></i>
                                        </button>
                                        <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-secondary/10 text-secondary">
                                            业务举措
                                        </span>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">提升用户体验</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    INI012
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1005/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">张三</div>
                                            <div class="text-xs text-neutral-500">体验专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-success/10 text-success">
                                        进行中
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2026-04-05
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 能力需求 CAP037 -->
                            <tr class="capability-row pl-12 md:pl-24 bg-neutral-50" data-initiative-id="INI012" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success/10 text-success">
                                        能力需求
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">体验评估能力</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    CAP037
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1025/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">王五</div>
                                            <div class="text-xs text-neutral-500">体验评估专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-primary/10 text-primary">
                                        已分配
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2025-12-15
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 能力需求 CAP038 -->
                            <tr class="capability-row pl-12 md:pl-24 bg-neutral-50" data-initiative-id="INI012" data-business-line="it">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-success/10 text-success">
                                        能力需求
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="font-medium text-neutral-700">持续优化能力</div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    CAP038
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-8 w-8">
                                            <img class="h-8 w-8 rounded-full" src="https://picsum.photos/id/1027/200/200" alt="">
                                        </div>
                                        <div class="ml-2">
                                            <div class="text-sm font-medium text-neutral-700">赵六</div>
                                            <div class="text-xs text-neutral-500">优化专家</div>
                                        </div>
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="px-2 py-1 text-xs font-semibold rounded-full bg-warning/10 text-warning">
                                        待审核
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    2025-12-30
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-neutral-600">
                                    <div class="flex space-x-2">
                                        <button class="text-primary hover:text-primary/80">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <button class="text-neutral-500 hover:text-neutral-700">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                        <button class="text-danger hover:text-danger/80">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                
                <!-- 分页控件 -->
                <div class="bg-white px-4 py-3 flex items-center justify-between border-t border-neutral-200 sm:px-6">
                    <div class="hidden sm:flex-1 sm:flex sm:items-center sm:justify-between">
                        <div>
                            <p class="text-sm text-neutral-700">
                                显示第 <span class="font-medium">1</span> 至 <span class="font-medium">38</span> 条，共 <span class="font-medium">53</span> 条结果
                            </p>
                        </div>
                        <div>
                            <nav class="relative z-0 inline-flex rounded-md shadow-sm -space-x-px" aria-label="Pagination">
                                <a href="#" class="relative inline-flex items-center px-2 py-2 rounded-l-md border border-neutral-200 bg-white text-sm font-medium text-neutral-500 hover:bg-neutral-50">
                                    <span class="sr-only">上一页</span>
                                    <i class="fa fa-chevron-left"></i>
                                </a>
                                <a href="#" aria-current="page" class="z-10 bg-primary text-white relative inline-flex items-center px-4 py-2 border border-primary text-sm font-medium">
                                    1
                                </a>
                                <a href="#" class="bg-white border-neutral-200 text-neutral-500 hover:bg-neutral-50 relative inline-flex items-center px-4 py-2 border text-sm font-medium">
                                    2
                                </a>
                                <a href="#" class="bg-white border-neutral-200 text-neutral-500 hover:bg-neutral-50 relative inline-flex items-center px-4 py-2 border text-sm font-medium">
                                    3
                                </a>
                                <a href="#" class="relative inline-flex items-center px-2 py-2 rounded-r-md border border-neutral-200 bg-white text-sm font-medium text-neutral-500 hover:bg-neutral-50">
                                    <span class="sr-only">下一页</span>
                                    <i class="fa fa-chevron-right"></i>
                                </a>
                            </nav>
                        </div>
                    </div>
                    <div class="flex items-center justify-center sm:hidden">
                        <span class="text-sm text-neutral-700">共 53 条结果</span>
                    </div>
                </div>
            </div>
        </main>
    </div>

    <!-- 脑图模态框 -->
    <div id="mindmap-modal" class="fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center hidden">
        <div class="bg-white rounded-lg shadow-lg w-full max-w-5xl max-h-[90vh] flex flex-col">
            <div class="px-6 py-4 border-b border-neutral-200 flex items-center justify-between">
                <h3 class="text-lg font-semibold text-neutral-700">业务战略脑图</h3>
                <button id="close-mindmap" class="text-neutral-500 hover:text-neutral-700 transition-colors">
                    <i class="fa fa-times text-lg"></i>
                </button>
            </div>
            <div class="flex-1 overflow-auto p-6" id="mindmap-container">
                <!-- 脑图内容将在这里动态生成 -->
                <div id="mindmap-content" class="min-h-[60vh] w-full"></div>
            </div>
        </div>
    </div>

    <!-- JavaScript -->
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            // 业务战略展开/折叠功能
            const strategyToggles = document.querySelectorAll('.strategy-toggle');
            strategyToggles.forEach(toggle => {
                toggle.addEventListener('click', function() {
                    const strategyId = this.getAttribute('data-strategy-id');
                    const initiativeRows = document.querySelectorAll(`.initiative-row[data-strategy-id="${strategyId}"]`);
                    
                    // 切换图标
                    const icon = this.querySelector('i');
                    if (icon.classList.contains('fa-chevron-down')) {
                        icon.classList.replace('fa-chevron-down', 'fa-chevron-right');
                        // 隐藏所有相关的业务举措和能力需求
                        initiativeRows.forEach(row => {
                            row.style.display = 'none';
                            const initiativeId = row.getAttribute('data-initiative-id');
                            const capabilityRows = document.querySelectorAll(`.capability-row[data-initiative-id="${initiativeId}"]`);
                            capabilityRows.forEach(capabilityRow => {
                                capabilityRow.style.display = 'none';
                            });
                        });
                    } else {
                        icon.classList.replace('fa-chevron-right', 'fa-chevron-down');
                        // 显示所有相关的业务举措
                        initiativeRows.forEach(row => {
                            row.style.display = '';
                        });
                    }
                });
            });
            
            // 业务举措展开/折叠功能
            const initiativeToggles = document.querySelectorAll('.initiative-toggle');
            initiativeToggles.forEach(toggle => {
                toggle.addEventListener('click', function() {
                    const initiativeId = this.getAttribute('data-initiative-id');
                    const capabilityRows = document.querySelectorAll(`.capability-row[data-initiative-id="${initiativeId}"]`);
                    
                    // 切换图标
                    const icon = this.querySelector('i');
                    if (icon.classList.contains('fa-chevron-down')) {
                        icon.classList.replace('fa-chevron-down', 'fa-chevron-right');
                        // 隐藏所有相关的能力需求
                        capabilityRows.forEach(row => {
                            row.style.display = 'none';
                        });
                    } else {
                        icon.classList.replace('fa-chevron-right', 'fa-chevron-down');
                        // 显示所有相关的能力需求
                        capabilityRows.forEach(row => {
                            row.style.display = '';
                        });
                    }
                });
            });
            
            // 搜索功能
            const searchBtn = document.getElementById('search-btn');
            const resetBtn = document.getElementById('reset-btn');
            const searchInput = document.getElementById('search-input');
            const filterLevel = document.getElementById('filter-level');
            const filterBusinessLine = document.getElementById('filter-business-line');
            
            searchBtn.addEventListener('click', performSearch);
            resetBtn.addEventListener('click', resetSearch);
            searchInput.addEventListener('keypress', function(e) {
                if (e.key === 'Enter') {
                    performSearch();
                }
            });
            
            // 业务条线筛选变化时自动搜索
            filterBusinessLine.addEventListener('change', performSearch);
            
            // 页面加载时自动执行一次筛选，以默认显示IT管理的数据
            performSearch();
            
            function performSearch() {
                const searchTerm = searchInput.value.toLowerCase().trim();
                const levelFilter = filterLevel.value;
                const businessLineFilter = filterBusinessLine.value;
                
                const allRows = document.querySelectorAll('#strategy-tree tr');
                allRows.forEach(row => {
                    row.style.display = '';
                });
                
                // 首先应用业务条线筛选
                if (businessLineFilter !== 'all') {
                    allRows.forEach(row => {
                        const rowBusinessLine = row.getAttribute('data-business-line');
                        if (rowBusinessLine && rowBusinessLine !== businessLineFilter) {
                            row.style.display = 'none';
                        }
                    });
                }
                
                // 然后应用层级筛选
                if (levelFilter !== 'all') {
                    const visibleRows = document.querySelectorAll('#strategy-tree tr:not([style*="display: none"])');
                    visibleRows.forEach(row => {
                        if (!row.classList.contains(levelFilter + '-row')) {
                            row.style.display = 'none';
                        }
                    });
                }
                
                // 最后应用搜索筛选
                if (searchTerm) {
                    const visibleRows = document.querySelectorAll('#strategy-tree tr:not([style*="display: none"])');
                    visibleRows.forEach(row => {
                        const nameCell = row.querySelector('td:nth-child(2)');
                        const codeCell = row.querySelector('td:nth-child(3)');
                        
                        if (nameCell && codeCell) {
                            const name = nameCell.textContent.toLowerCase();
                            const code = codeCell.textContent.toLowerCase();
                            
                            if (!(name.includes(searchTerm) || code.includes(searchTerm))) {
                                row.style.display = 'none';
                            }
                        }
                    });
                }
                
                // 确保父级在子级显示时也显示
                if (businessLineFilter !== 'all' || levelFilter !== 'all' || searchTerm) {
                    const visibleChildRows = document.querySelectorAll('#strategy-tree tr:not([style*="display: none"])');
                    visibleChildRows.forEach(row => {
                        if (row.classList.contains('capability-row')) {
                            const initiativeId = row.getAttribute('data-initiative-id');
                            const initiativeRow = document.querySelector(`.initiative-row[data-initiative-id="${initiativeId}"]`);
                            if (initiativeRow) {
                                initiativeRow.style.display = '';
                                const strategyId = initiativeRow.getAttribute('data-strategy-id');
                                const strategyRow = document.querySelector(`.strategy-row[data-strategy-id="${strategyId}"]`);
                                if (strategyRow) {
                                    strategyRow.style.display = '';
                                }
                            }
                        } else if (row.classList.contains('initiative-row')) {
                            const strategyId = row.getAttribute('data-strategy-id');
                            const strategyRow = document.querySelector(`.strategy-row[data-strategy-id="${strategyId}"]`);
                            if (strategyRow) {
                                strategyRow.style.display = '';
                            }
                        }
                    });
                }
            }
            
            function resetSearch() {
                searchInput.value = '';
                filterLevel.value = 'all';
                filterBusinessLine.value = 'it';
                
                const allRows = document.querySelectorAll('#strategy-tree tr');
                allRows.forEach(row => {
                    row.style.display = '';
                });
                
                // 重置后立即执行一次筛选以显示IT管理的数据
                performSearch();
            }
            
            // 移动端菜单切换
            const menuToggle = document.createElement('button');
            menuToggle.className = 'fixed bottom-4 right-4 bg-primary text-white w-12 h-12 rounded-full shadow-lg flex items-center justify-center md:hidden z-50';
            menuToggle.innerHTML = '<i class="fa fa-bars text-xl"></i>';
            document.body.appendChild(menuToggle);
            
            menuToggle.addEventListener('click', function() {
                const aside = document.querySelector('aside');
                aside.classList.toggle('-translate-x-full');
                if (aside.classList.contains('-translate-x-full')) {
                    menuToggle.innerHTML = '<i class="fa fa-bars text-xl"></i>';
                } else {
                    menuToggle.innerHTML = '<i class="fa fa-times text-xl"></i>';
                }
            });
            
            // 脑图功能
            const mindmapBtn = document.getElementById('mindmap-btn');
            const mindmapModal = document.getElementById('mindmap-modal');
            const closeMindmap = document.getElementById('close-mindmap');
            const mindmapContent = document.getElementById('mindmap-content');
            
            // 打开脑图模态框
            mindmapBtn.addEventListener('click', function() {
                generateMindmap();
                mindmapModal.classList.remove('hidden');
                // 防止背景滚动
                document.body.style.overflow = 'hidden';
            });
            
            // 关闭脑图模态框
            closeMindmap.addEventListener('click', function() {
                mindmapModal.classList.add('hidden');
                // 恢复背景滚动
                document.body.style.overflow = '';
            });
            
            // 点击模态框外部关闭
            mindmapModal.addEventListener('click', function(e) {
                if (e.target === mindmapModal) {
                    mindmapModal.classList.add('hidden');
                    document.body.style.overflow = '';
                }
            });
            
            // 生成脑图
            function generateMindmap() {
                // 清空现有内容
                mindmapContent.innerHTML = '';
                
                // 创建脑图容器
                const mindmapWrapper = document.createElement('div');
                mindmapWrapper.className = 'mindmap-tree';
                
                // 设置脑图样式
                const style = document.createElement('style');
                style.textContent = `
                    .mindmap-tree {
                        font-family: 'Inter', system-ui, sans-serif;
                        padding: 20px;
                    }
                    .mindmap-node {
                        position: relative;
                        padding: 12px 16px;
                        border-radius: 8px;
                        margin: 8px 0;
                        color: white;
                        font-weight: 500;
                        cursor: pointer;
                        transition: transform 0.2s ease, box-shadow 0.2s ease;
                        display: flex;
                        align-items: flex-start;
                        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
                    }
                    .mindmap-node:hover {
                        transform: translateY(-2px);
                        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
                    }
                    .strategy-node {
                        background: linear-gradient(135deg, #0066cc, #0052a3);
                        margin-left: 0;
                        font-size: 16px;
                        border-left: 4px solid #004080;
                    }
                    .initiative-node {
                        background: linear-gradient(135deg, #0099cc, #007aa3);
                        margin-left: 60px;
                        font-size: 14px;
                        border-left: 4px solid #006680;
                    }
                    .capability-node {
                        background: linear-gradient(135deg, #009966, #007a52);
                        margin-left: 120px;
                        font-size: 13px;
                        border-left: 4px solid #006644;
                    }
                    .node-content {
                        flex-grow: 1;
                        line-height: 1.4;
                    }
                    .node-toggle {
                        margin-right: 12px;
                        transition: transform 0.2s ease;
                        font-size: 12px;
                        opacity: 0.8;
                        margin-top: 2px;
                    }
                    .node-toggle.collapsed {
                        transform: rotate(-90deg);
                    }
                    .node-info {
                        font-size: 11px;
                        opacity: 0.9;
                        margin-top: 6px;
                        font-weight: normal;
                        line-height: 1.3;
                    }
                    .child-nodes {
                        display: none;
                        margin-top: 4px;
                    }
                    .child-nodes.expanded {
                        display: block;
                        animation: slideDown 0.3s ease;
                    }
                    @keyframes slideDown {
                        from { opacity: 0; transform: translateY(-10px); }
                        to { opacity: 1; transform: translateY(0); }
                    }
                    .mindmap-node.no-children {
                        cursor: default;
                    }
                    .mindmap-node.no-children:hover {
                        transform: none;
                    }
                `;
                document.head.appendChild(style);
                
                // 获取所有业务战略行
                const strategyRows = document.querySelectorAll('.strategy-row');
                
                strategyRows.forEach((strategyRow, index) => {
                    // 获取战略ID - 从toggle按钮的data-strategy-id属性获取
                    const toggleButton = strategyRow.querySelector('.strategy-toggle');
                    const strategyId = toggleButton ? toggleButton.getAttribute('data-strategy-id') : (index + 1).toString();
                    
                    // 获取战略信息
                    const strategyNameElement = strategyRow.querySelector('td:nth-child(2) .font-medium');
                    const strategyCodeElement = strategyRow.querySelector('td:nth-child(3)');
                    const strategyOwnerElement = strategyRow.querySelector('td:nth-child(4) .text-sm.font-medium');
                    const strategyStatusElement = strategyRow.querySelector('td:nth-child(5) span');
                    
                    const strategyName = strategyNameElement ? strategyNameElement.textContent.trim() : '未命名战略';
                    const strategyCode = strategyCodeElement ? strategyCodeElement.textContent.trim() : 'N/A';
                    const strategyOwner = strategyOwnerElement ? strategyOwnerElement.textContent.trim() : 'N/A';
                    const strategyStatus = strategyStatusElement ? strategyStatusElement.textContent.trim() : '未知';
                    
                    // 获取该战略下的所有业务举措
                    const initiativeRows = document.querySelectorAll(`.initiative-row[data-strategy-id="${strategyId}"]`);
                    
                    // 创建业务战略节点
                    const strategyNode = document.createElement('div');
                    strategyNode.className = `mindmap-node strategy-node ${initiativeRows.length === 0 ? 'no-children' : ''}`;
                    
                    // 创建展开/折叠图标（仅当有子节点时显示）
                    const toggleIcon = document.createElement('div');
                    if (initiativeRows.length > 0) {
                        toggleIcon.className = 'node-toggle collapsed';
                        toggleIcon.innerHTML = '<i class="fa fa-chevron-down"></i>';
                    }
                    
                    // 创建节点内容
                    const nodeContent = document.createElement('div');
                    nodeContent.className = 'node-content';
                    nodeContent.innerHTML = `
                        <div style="font-weight: 600;">${strategyName}</div>
                        <div class="node-info">
                            编号: ${strategyCode} | 负责人: ${strategyOwner} | 状态: ${strategyStatus}
                        </div>
                    `;
                    
                    // 组装战略节点
                    if (initiativeRows.length > 0) {
                        strategyNode.appendChild(toggleIcon);
                    }
                    strategyNode.appendChild(nodeContent);
                    mindmapWrapper.appendChild(strategyNode);
                    
                    // 创建子节点容器
                    const childNodesContainer = document.createElement('div');
                    childNodesContainer.className = 'child-nodes';
                    mindmapWrapper.appendChild(childNodesContainer);
                    
                    // 添加战略节点点击事件（仅当有子节点时）
                    if (initiativeRows.length > 0) {
                        strategyNode.addEventListener('click', function(e) {
                            e.stopPropagation();
                            const isExpanded = childNodesContainer.classList.contains('expanded');
                            childNodesContainer.classList.toggle('expanded');
                            toggleIcon.classList.toggle('collapsed');
                            
                            // 更改图标
                            const icon = toggleIcon.querySelector('i');
                            if (isExpanded) {
                                icon.className = 'fa fa-chevron-down';
                            } else {
                                icon.className = 'fa fa-chevron-up';
                            }
                        });
                    }
                    
                    // 处理每个业务举措
                    initiativeRows.forEach((initiativeRow) => {
                        // 获取举措ID
                        const initiativeToggleButton = initiativeRow.querySelector('.initiative-toggle');
                        const initiativeId = initiativeToggleButton ? initiativeToggleButton.getAttribute('data-initiative-id') : null;
                        
                        // 获取举措信息
                        const initiativeNameElement = initiativeRow.querySelector('td:nth-child(2) .font-medium');
                        const initiativeCodeElement = initiativeRow.querySelector('td:nth-child(3)');
                        const initiativeOwnerElement = initiativeRow.querySelector('td:nth-child(4) .text-sm.font-medium');
                        const initiativeStatusElement = initiativeRow.querySelector('td:nth-child(5) span');
                        
                        const initiativeName = initiativeNameElement ? initiativeNameElement.textContent.trim() : '未命名举措';
                        const initiativeCode = initiativeCodeElement ? initiativeCodeElement.textContent.trim() : 'N/A';
                        const initiativeOwner = initiativeOwnerElement ? initiativeOwnerElement.textContent.trim() : 'N/A';
                        const initiativeStatus = initiativeStatusElement ? initiativeStatusElement.textContent.trim() : '未知';
                        
                        // 获取该举措下的所有能力需求
                        const capabilityRows = document.querySelectorAll(`.capability-row[data-initiative-id="${initiativeId}"]`);
                        
                        // 创建业务举措节点
                        const initiativeNode = document.createElement('div');
                        initiativeNode.className = `mindmap-node initiative-node ${capabilityRows.length === 0 ? 'no-children' : ''}`;
                        
                        // 创建展开/折叠图标（仅当有子节点时显示）
                        const initToggleIcon = document.createElement('div');
                        if (capabilityRows.length > 0) {
                            initToggleIcon.className = 'node-toggle collapsed';
                            initToggleIcon.innerHTML = '<i class="fa fa-chevron-down"></i>';
                        }
                        
                        // 创建节点内容
                        const initNodeContent = document.createElement('div');
                        initNodeContent.className = 'node-content';
                        initNodeContent.innerHTML = `
                            <div style="font-weight: 600;">${initiativeName}</div>
                            <div class="node-info">
                                编号: ${initiativeCode} | 负责人: ${initiativeOwner} | 状态: ${initiativeStatus}
                            </div>
                        `;
                        
                        // 组装举措节点
                        if (capabilityRows.length > 0) {
                            initiativeNode.appendChild(initToggleIcon);
                        }
                        initiativeNode.appendChild(initNodeContent);
                        childNodesContainer.appendChild(initiativeNode);
                        
                        // 创建能力需求子节点容器
                        const capabilityContainer = document.createElement('div');
                        capabilityContainer.className = 'child-nodes';
                        childNodesContainer.appendChild(capabilityContainer);
                        
                        // 添加举措节点点击事件（仅当有子节点时）
                        if (capabilityRows.length > 0) {
                            initiativeNode.addEventListener('click', function(e) {
                                e.stopPropagation();
                                const isExpanded = capabilityContainer.classList.contains('expanded');
                                capabilityContainer.classList.toggle('expanded');
                                initToggleIcon.classList.toggle('collapsed');
                                
                                // 更改图标
                                const icon = initToggleIcon.querySelector('i');
                                if (isExpanded) {
                                    icon.className = 'fa fa-chevron-down';
                                } else {
                                    icon.className = 'fa fa-chevron-up';
                                }
                            });
                        }
                        
                        // 处理每个能力需求
                        capabilityRows.forEach((capabilityRow) => {
                            // 获取能力需求信息
                            const capabilityNameElement = capabilityRow.querySelector('td:nth-child(2) .font-medium');
                            const capabilityCodeElement = capabilityRow.querySelector('td:nth-child(3)');
                            const capabilityOwnerElement = capabilityRow.querySelector('td:nth-child(4) .text-sm.font-medium');
                            const capabilityStatusElement = capabilityRow.querySelector('td:nth-child(5) span');
                            
                            const capabilityName = capabilityNameElement ? capabilityNameElement.textContent.trim() : '未命名能力需求';
                            const capabilityCode = capabilityCodeElement ? capabilityCodeElement.textContent.trim() : 'N/A';
                            const capabilityOwner = capabilityOwnerElement ? capabilityOwnerElement.textContent.trim() : 'N/A';
                            const capabilityStatus = capabilityStatusElement ? capabilityStatusElement.textContent.trim() : '未知';
                            
                            // 创建能力需求节点
                            const capabilityNode = document.createElement('div');
                            capabilityNode.className = 'mindmap-node capability-node no-children';
                            
                            // 创建节点内容
                            const capNodeContent = document.createElement('div');
                            capNodeContent.className = 'node-content';
                            capNodeContent.innerHTML = `
                                <div style="font-weight: 600;">${capabilityName}</div>
                                <div class="node-info">
                                    编号: ${capabilityCode} | 负责人: ${capabilityOwner} | 状态: ${capabilityStatus}
                                </div>
                            `;
                            
                            capabilityNode.appendChild(capNodeContent);
                            capabilityContainer.appendChild(capabilityNode);
                        });
                    });
                });
                
                // 如果没有找到任何战略数据，显示提示信息
                if (strategyRows.length === 0) {
                    const noDataMsg = document.createElement('div');
                    noDataMsg.className = 'text-center text-neutral-500 py-8';
                    noDataMsg.innerHTML = `
                        <i class="fa fa-info-circle text-4xl mb-4 opacity-50"></i>
                        <p class="text-lg">暂无业务战略数据</p>
                        <p class="text-sm mt-2">请先添加业务战略信息</p>
                    `;
                    mindmapWrapper.appendChild(noDataMsg);
                }
                
                // 添加脑图到容器
                mindmapContent.appendChild(mindmapWrapper);
            }
        });
    </script>
</body>
</html>
